<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../css/register.css"/>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="../js/register.js"></script>
</head>
<body>
    <!--头部-->
    <div class="header">
        <a class="logo" href="##"></a>
        <div class="desc">欢迎注册</div>
    </div>
    
    <div class="container">
	    <div class="register">
	    	<form>
	    		<div class="register-box">
	    			<!--表单项-->
	    			<div class="box default">
	    				<label for="userName">用&nbsp;户&nbsp;名</label>
	    				<input type="text" id="userName" placeholder="您的账户名和登录名" />
	    				<i></i>
	    			</div>
	    			<!--提示信息-->
	    			<div class="tip">
	    				<i></i>
	    				<span></span>
	    			</div>
	    		</div>
	    		<!--设置密码-->
	    		<div class="register-box">
	    			<div class="box default">
	    				<label for="pwd">设置密码</label>
	    				<input type="password" id="pwd" placeholder="建议至少两种字符组合" />
	    				<i></i>
	    			</div>
	    			<!--提示信息-->
	    			<div class="tip">
	    				<i></i>
	    				<span></span>
	    			</div>
	    		</div>
	    		<!--确认密码-->
	    		<div class="register-box">
	    			<div class="box default">
	    				<label for="pwd2">确认密码</label>
	    				<input type="password"  id="pwd2" placeholder="请再次输入密码" />
	    				<i></i>
	    			</div>
	    				<!--提示信息-->
	    			<div class="tip">
	    				<i></i>
	    				<span></span>
	    			</div>
	    		</div>
	    			<!--设置邮箱-->
	    		<div class="register-box">
	    			<div class="box default">
	    				<label for="email">邮箱验证</label>
	    				<input type="text"  id="email"placeholder="请输入邮箱" />
	    				<i></i>
	    			</div>
	    				<!--提示信息-->
	    			<div class="tip">
	    				<i></i>
	    				<span></span>
	    			</div>
	    		</div>
	    			<!--验证手机-->
	    		<div class="register-box">
	    			<div class="box default">
	    				<label for="mobile">手机验证</label>
	    				<input type="text"  id="mobile" placeholder="请输入手机号" />
	    				<i></i>
	    			</div>
	    				<!--提示信息-->
	    			<div class="tip">
	    				<i></i>
	    				<span></span>
	    			</div>
	    		</div>
	    		<!--注册协议-->
	    		<div class="register-box xieyi">
	    		<div class="box default">
	    			<input type="checkbox" id="ck"/>
	    			<span>
	    				我已阅读并同意<a href="##">《京东用户注册协议》</a>
	    			</span>
	    		</div>	
	    			<!--提示信息-->
	    			<div class="tip">
	    				<i></i>
	    				<span></span>
	    			</div>
	    		</div>
	    		<!--注册-->
	    		<button id="btn" class="sub" type="button" >注&nbsp;册</button>
	    	</form>
	    </div>
    </div>

</body>


</html>